<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<!-- 图标 -->
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />

		<link rel="stylesheet" href="./css/scroll.css" />

		<link rel="stylesheet" href="./css/style.css" />

		<title>动态详情</title>
		<script>
			//若用户未登录，则需先登录
			// var logstatu = sessionStorage['LoginName'];
			// console.log("name is " + name);
			// console.log("statu is " + logstatu);
			// if (!logstatu) {
			// 	location.href = 'c_login.html';
			// 	console.log(logstatu);
			// }
		</script>

		<style>
			#send {
				margin: 10px;

			}

			#send input {
				width: 80%;
				height: 2em;
				border: 2px solid #FFAA00;
				border-radius: 10px;
			}

			#send i {
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color: #FFFFFF;
				border: #FFAA00 1px solid;
				padding: 5px;
				margin-left: 10px;
				color: #FFAA00;
				font-size: 1em;
				border-radius: 1em;
			}

			#send i:active {
				width: 1.2em;
				height: 1.2em;
				text-align: center;
				background-color: #FFAA00;
				border: #FFAA00 1px solid;
				padding: 5px;
				margin-left: 10px;
				color: #FFFFFF;
				font-size: 1em;
				border-radius: 1em;
			}

			.soloimg img {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.replay div {
				margin: 0;
			}

			.replay i {
				color: #FFAA00;
			}
		</style>

		<script>
			//读取url获取，具体传递的数据
			function getQueryVariable(variable) {
				var query = window.location.search.substring(1);
				var vars = query.split("&");
				for (var i = 0; i < vars.length; i++) {
					var pair = vars[i].split("=");
					if (pair[0] == variable) {
						return pair[1];
					}
				}
				return (false);
			}
			
			var actID=getQueryVariable("id");
			// JSON.parse可以将 JSON 字符串转换为对象
			var activity =  JSON.parse(localStorage.getItem(actID));
			console.log(activity);
			
		</script>
		
		<script>$.mobile.ajaxEnabled = false;</script>
	</head>
	<body>

		<div data-role="page">
			<div data-role="header" data-position="fixed" id="opcitybg">
				<a id="headop" data-rel="back" data-role="button" data-icon="carat-l" data-iconpos="notext"></a>
				<h1>动态详情</h1>
				<a id="headop" href="#" data-role="button" data-icon="search" data-iconpos="notext"></a>
			</div>


			​
			<div data-role="main" class="ui-content">
				<ul data-role="listview" data-inset="true">
					<li data-icon="false" data-role="none">
						<script type="text/javascript">
							document.write(
							'<div>'+
								'<h2>'+activity.info+'</h2>'+
								'<p>'+activity.info+'</p>'+
								'<div class="soloimg">'+
									'<img src="'+activity.actUrl[0]+'">'+
								'</div>'+
							'</div>'
							);
						</script>
						
						<p id="actreplay">
							<a><i class=" fa fa-star"></i></a>
							<a><i class=" fa fa-comments-o"></i></a>
							<a><i class=" fa fa-share-alt-square"></i></a>
						</p>
					</li>
					<li class="replay">
						<h1><a href="">小美</a>:毕业快乐哦 <a><i class="fa fa-send"></i></a></h1>
						<h1>小明:恭喜毕业，毕业快乐哦</h1>
						<h1>小芳:来找我玩呀，毕业快乐哦</h1>
						<h1>小小:毕业快乐哦</h1>
						<h1>笨笨:毕业快乐哦</h1>
						<h1>花花:毕业快乐哦</h1>
						<h1>小可爱:毕业快乐哦</h1>
						<h1>海海:毕业快乐哦</h1>

					<li>

				</ul>
			</div>




			<div data-role="footer" data-position="fixed" id="footerbg">

				<div id="send">
					<input type="text" data-inline="true" data-role="none" /><i class="fa fa-send"></i>
				</div>

			</div>
		</div>

		<script src="./js/scroll.js"></script>

	</body>

</html>
